import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { fileURLToPath, URL } from 'node:url'

// vue-cli 
// webpack或vite你都用过哪些插件
// unplugin-auto-import 
// unplugin-vue-components
// // 按需加载插件 能完成vue3的ui组件库的自动加载
//  npm i unplugin-auto-import
//  npm i unplugin-vue-components
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// webpack 的5个基本配置项
// entry: 入口  
// output：出口
// loader的配置项 moudle:{rules:[]}
// mode:"" 打包模式 production 生产  development 开发
// plugins 插件

// https://vitejs.dev/config/
export default defineConfig({
   plugins: [
    vue(),
    AutoImport({ //按需导入插件
      resolvers: [ElementPlusResolver()]
    }),
    Components({//按需导入插件
      resolvers: [ElementPlusResolver()]
    })
  ],
  //  vite和webpack的配置类似
  // 配置 路径的简写 路径别名
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})
